<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>社区-民族工艺品官网</title>
    <link rel="shortcut icon" type="image/x-icon" href="../static/image/logo/logo-1.png">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .logo {
            float: left;
            height: 7vw;
            margin-left: 20px;
        }
        .logo-title {
            float: left;
            height: 85px;
            line-height: 85px;
            font-family: 仿宋 ;
        }
        .nav {
            width: 100%;
        }
        .nav-bar {
            height: 90px;
            line-height: 75px;
            text-align: center;
        }
        .search {
            width: 70%;
            float: left;
            margin-top: 25px;
        }
        .search-button {
            float: left;
            margin-left: 3px;
            margin-top: 25px;
        }
        .drop-user {
            min-width: fit-content;
            margin-top: -20px;

        }
        section {
            margin-top: 30px;
            padding-top: 50px;
            padding-bottom: 20px;
            background-color: #F4F5F5;
        }
        .bottom {
            margin-top: 15px;
            margin-bottom: 15px;
            width: 100%;
            text-align: center;
        }
    </style>
</head>
<body>
<!--头部-->
<header>
    <nav class="nav row">
        <div class="col-md-3 nav-bar">
            <a href="./index.html">
                <img src="../static/image/logo/logo-1.png" alt="logo" class="logo">
                <h4 class="logo-title">民族工艺品</h4>
            </a>
        </div>
        <div class="col-md-3 nav-bar">
            <ul class="nav nav-pills">
                <li><a href="./index.html" class="nav-title">主页</a></li>
                <li role="presentation" class="dropdown">
                    <a class="dropdown-toggle"  class="nav-title" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                        商城
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="./shop.html">漆器</a></li>
                        <li><a href="">刺绣</a></li>
                        <li><a href="">首饰</a></li>
                    </ul>
                </li>
                <li><a href="./community.html"  class="nav-title">社区</a></li>
                <li><a href="./homepage.html"  class="nav-title">个人中心</a></li>
            </ul>
        </div>
        <div class="col-md-4 nav-bar">
            <input type="text" class="form-control search" placeholder="输入你想搜索的内容...">
            <button class="btn btn-primary search-button" type="submit">搜索</button>
        </div>
        <div class="col-md-1 nav-bar">
            <a class="btn btn-default" href="article_editor.html" role="button">
                <span class="glyphicon glyphicon-pencil" aria-hidden="true">写文章</span>
            </a>
        </div>
        <div class="col-md-1 nav-bar dropdown">
            <a href="" role="button" class="dropdown-toggle" type="button" id="dropdownMenuUser" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <img src="../static/image/user/user-1.png" alt="user" class="img-circle" style="height: 36px">
                <ul class="dropdown-menu drop-user" aria-labelledby="dropdownMenuUser">
                    <li><a href="./homepage.html">
                        <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                        &nbsp;我的主页
                    </a></li>
                    <li><a href="./setting.html">
                        <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                        &nbsp;设置
                    </a></li>
                    <li><a href="#">
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                        &nbsp;喜欢的文章
                    </a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="./index.html">
                        <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                        &nbsp;安全退出
                    </a></li>
                </ul>
            </a>
        </div>
    </nav>
</header>
<section>
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-8">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <a href="article_details.html" class="panel-title"><b>彝族工艺品简介</b></a>
                    <!--这是一个标题-->
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-8">
                            <a href="article_details.html" style="text-decoration: none;color: black;">
                                <p>
                                    漆器——三色涂写的印象派作品

                                    凉山彝族漆器工艺品是世界知名的民族工艺品，其种类繁多，有酒具、茶具、马具、
                                    刀具、号角、毕摩（巫师）用具等上百余个品种。餐具、酒具是日常生活必不可少的用具，
                                    具有观赏性和实用性。彝族漆器工艺品采用杜鹃、华木等名贵木材（还有竹、牛角骨等）……
                                </p>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="article_details.html" class="thumbnail">
                                <img src="../static/image/post%20detail/2.jpg" alt="漆器" style="width: 150px; height: 150px;">
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-1"><small>Admin</small></div>
                        <div class="col-md-1">
                            <small>
                                <span class="glyphicon glyphicon-heart" aria-hidden="true">&nbsp;27</span>
                            </small>
                        </div>
                        <div class="col-md-1">
                            <small>
                                <span class="glyphicon glyphicon-comment" aria-hidden="true">&nbsp;32</span>
                            </small>
                        </div>
                        <div class="col-md-2"><small>3小时前</small></div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <a href="#" class="panel-title"><b>彝族漆器餐具</b></a>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-8">
                            <a href="#" style="text-decoration: none;color: black;">
                                <p>
                                    彝族漆器，是在有数千年历史的彝族古餐具基础上发展起来的民间手工艺品，
                                    在保留原始古朴风格的同时，漆艺髹饰工艺上大胆借鉴和采纳了现代科技成果
                                    ，使之日趋成熟。其产品包括传统的餐具、酒具及新开发的茶具、旅游纪念品、
                                    现代室内装饰器具等系列产品。“民族性、手工艺、高品位”是其主要……
                                </p>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="#" class="thumbnail">
                                <img src="../static/image/pic/漆器/four_cup_bowl.jpg" alt="...">
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-1"><small>Asuka</small></div>
                        <div class="col-md-1">
                            <small>
                                <span class="glyphicon glyphicon-heart" aria-hidden="true">&nbsp;362</span>
                            </small>
                        </div>
                        <div class="col-md-1">
                            <small>
                                <span class="glyphicon glyphicon-comment" aria-hidden="true">&nbsp;245</span>
                            </small>
                        </div>
                        <div class="col-md-2"><small>4小时前</small></div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <a href="#" class="panel-title"><b>彝族漆器的多种打开方式</b></a>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-8">
                            <a href="#" style="text-decoration: none;color: black;">
                                <p>
                                    漆器的色彩有红、黑、黄三色。彝族人民喜爱红色，它象征勇敢、热情，
                                    黑色表示尊贵、庄重；黄色代表美丽、光明。三色错综调配，间隔使用，
                                    色泽明快艳丽。漆器的上包方法，是在底色上勾画结构，再绘纹饰轮廓，
                                    最后再片涂铺色，无渐次色和混合包，这种上包方法比较简单，较之先铺
                                    色再据不同……
                                </p>
                            </a>
                        </div>
                        <div class="col-md-4">
                            <a href="#" class="thumbnail">
                                <img src="../static/image/pic/漆器/black_bird_bowl.jpg" alt="...">
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-1"><small>Gakki</small></div>
                        <div class="col-md-1">
                            <small>
                                <span class="glyphicon glyphicon-heart" aria-hidden="true">&nbsp;527</span>
                            </small>
                        </div>
                        <div class="col-md-1">
                            <small>
                                <span class="glyphicon glyphicon-comment" aria-hidden="true">&nbsp;432</span>
                            </small>
                        </div>
                        <div class="col-md-2"><small>12小时前</small></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--底部-->
<footer class="bottom">
    <span><small>Copyright &copy; 2019 By artbbs.top</small></span>
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>